/*
 * Copyright © 2018 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
*/

@import "../../../../../styles/variables.scss";

$box-width: 300px;
$icon-size: 93px;
$description-font-color: $grey-03;

.profile-create-provisioner-selection {
  .provisioner-selection-container {
    margin: 30px 50px;

    .selection-container-label {
      margin-bottom: 0;
    }

    .provisioner-selections {
      display: flex;
      flex-wrap: wrap;

      .provisioner-box {
        width: $box-width;
        color: $grey-01;
        margin-top: 30px;
        display: inline-flex;
        align-items: flex-start;
        justify-content: center;
        margin-right: 30px;
        padding: 25px;
        position: relative;
        box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.3);

        &:focus,
        &:hover {
          text-decoration: none;
          box-shadow: 1px 2px 10px 0 var(--brand-primary-color);
        }

        .provisioner-content {
          text-align: left;

          .provisioner-icon {
            .icon-svg {
              height: $icon-size;
              width: $icon-size;
              border: 0;
            }
          }

          .provisioner-label {
            font-size: 18px;
            margin: 10px 0;
          }

          .provisioner-description {
            color: $description-font-color;
          }
        }

        .experimental-banner {
          position: absolute;
          top: -1px;
          left: -11px;
          padding-left: 5px;
        }
      }
    }
  }
}
